<template>
  <div>
    <!-- 类型 -->
    <van-cell-group class="a2">
      <van-field label="文本" value="个人" readonly />
      <select>
        <option></option>
        <option>个人</option>
        <option>单位</option>
      </select>
    </van-cell-group>
    <van-cell-group>
      <van-field v-model="value" label="发票抬头" placeholder="请输入发票抬头" />
    </van-cell-group>
    <!-- 发票内容 -->
    <van-cell-group class="a2">
      <van-field label="发票内容" value="商品明细" readonly />
      <select>
        <option></option>
        <option>个人</option>
        <option>单位</option>
      </select>
    </van-cell-group>
    <!-- 手机 -->
    <van-cell-group>
      <van-field label="收票人手机" value="188***12138" readonly />
    </van-cell-group>
    <!-- 邮箱 -->
    <van-cell-group>
      <van-field label="收票人邮箱" value="12138@qq.com" readonly />
    </van-cell-group>
    <div class="ee">
      <p>发票须知:</p>
      <p>1.开票金额为用户实际支付金额(不含礼品卡)</p>
      <p>2.电子发票可在确认收货后，在“订单详情“查看</p>
      <p>3.未随箱寄出的纸质发票会在发货后15-30个工作日单独寄出</p>
      <p>4.单笔订单只支持开具一种发票类型，如需增值税专用发票请联系客服处理</p>
      <p>5.年购订单发票随每期子单寄出</p>
    </div>
    <van-button type="primary" size="large">保存</van-button>
  </div>
</template>

<script>
export default {
  name: 'WorkspaceJsonFirst',

  data () {
    return {
      value: ""
    };
  },

  mounted () {

  },

  methods: {

  },
};
</script>

<style lang="less" scoped>
.a2 {
  display: flex;
  justify-content: space-around;
}
.ee {
  color: #a6a0a5;
  margin-left: 10px;
}
.ee p {
  margin-bottom: 5px;
}
</style>